﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>Smart LINKiA - Login</title>
    <meta name="keywords" content="FANUC Smart Link">
    <meta name="description" content="FANUC Smart Link">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="middle-box text-center loginscreen  animated fadeInDown">
        <div>
            <div>
                <img src="img/SMARTLINK.png" width="200px" height="200px" />
            </div>
            <h3><strong class="font-bold">Smart LINK<span style="font-family:'Book Antiqua';font-size:16.0pt;"></span></strong></h3>
            <form class="m-t" role="form" action="index.html">
                <div class="form-group">
                    <input id="userID" type="email" class="form-control" placeholder="User Name" required="">
                </div>
                <div class="form-group">
                    <input id="password" type="password" class="form-control" placeholder="Password" required="">
                </div>
                <button type="submit" class="btn btn-primary block full-width m-b" onclick="GoToHome()">Log In</button>
                <p class="text-muted text-center">
                </p>
            </form>
        </div>
    </div>
    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/bootstrap.min.js?v=3.4.0"></script>
    <script>
        function GoToHome() {
            if ($("#userID").val() != "" && $("#password").val() != "")
                window.location.href = "UnitListTrace.html";
        }
    </script>
</body>
</html>
